/*
  样式规范表
*/

$min-width: 1100px; //容器安全区域宽度

// 常规字体大小设置
$fontA: 80px; //产品站大标题
$fontB: 38px; //产品站标题
$fontC: 28px; //导航标题
$fontD: 26px; //产品站副标题
$fontE: 24px;
$fontF: 22px;
$fontG: 20px; //用在较为重要的文字、操作按钮
$fontH: 18px; //用于大多数文字
$fontI: 16px; //用于辅助性文字
$fontJ: 14px; //用于一般文字
$fontK: 12px; //系统默认大小

// 常规配色设置
$colorA: #ff6600 !default; //用于需要突出和强调的文字、按钮和icon
$colorB: #333333 !default; //用于较为重要的文字信息、内页标题等
$colorC: #666666 !default; //用于普通段落信息 引导词
$colorD: #999999 !default; //用于辅助、此要的文字信息、普通按钮的描边
$colorE: #cccccc !default; //用于特别弱的文字
$colorF: #d7d7d7 !default; //用于列表分割线、标签秒变
$colorG: #ffffff !default; //用于导航栏文字、按钮文字、白色背景
$colorH: #e5e5e5 !default; //用于上下模块分割线
$colorI: #000000 !default; //纯黑色背景，用于遮罩层
$colorJ: #f5f5f5 !default; //弹框标题背景色
$colorK: #fffaf7 !default; //订单标题背景色
$lucency-color: rgba(255, 255, 255, 0.5); // 透明颜色文字

$back-color: #242633; // 全局背景色
$font-color:#17171a; // 通用文字颜色
$width-middle: 1440px; // 全局通用宽度
// 通用样式
.container {
  position: relative;
  width: $min-width;
  margin-right: auto;
  margin-left: auto;
}

.btn {
  background-color: #6b63b5;
  padding: 6px 30px;
  border-radius: 14px;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
}
.btn:hover {
  box-shadow: 0 0 10px #6b63b580;
}
.btn.btn-black {
  padding: 10px 30px;
  border-radius: 20px;
  background-color: #000000;
}
